<!DOCTYPE html>
<html>
<head>
    <style>
         .myname,.mycss
        {
            /* 字体系列 */
            font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
            /* 字体大小 */
            font-size: 40px;
            /* 字体粗细 */
            font-weight: 500;
            /* 颜色 */
            color: black;
        }
       p,pre
        {
            font-size: 40px;
        }
    </style>
    <meta charset="UTF-8" />
    <title>类选择器</title>
</head>
<body>
    <!-- 类选择器又称class选择器 -->
    <h2 class="mycss">我喜欢你</h2>
    <!-- class选择器用  .名称{}表示 -->
     <!-- 特点:1.类选择器可以被多种标签使用
               2.类名不能以数字开头
               3.同一个标签可以使用多个类选择器。用空格隔开-->
                
    <!-- 优先级 -->
    <pre class="myname">
        css中，权衡用数字衡量
        元素选择器为:1
        class选择器为:10
        id选择器为:100
        内联样式为:1000
    </pre>
    <p>优先级从高到低:行内样式>id选择器>类选择器>元素选择器</p><br>
    <p>内嵌样式>内部样式>外部样式>浏览器默认样式</p>

</body>
</html>